<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>投票页面</title>
    <#include "/common/link.ftl">

</head>
<body class="hold-transition skin-black sidebar-mini">
<div class="wrapper">
    <#include "/common/navbar.ftl">
    <#assign currentMenu="activity"/>
    <#include "/common/menu.ftl">
    <div class="content-wrapper">
        <section class="content-header">
            <h1>投票页面</h1>
        </section>
        <section class="content">
            <div class="box" style="padding: 10px">
                <div class="row">
                    <div class="col-md-offset-4 col-md-8">
                        <h1>${activity.title}</h1>
                    </div>

                    <div class="col-md-12">
                        <div class="panel panel-default container">
                            <div class="panel-body">

                                <form id="editForm" action="/activityItem/insertToChoice" method="post">
                                    <input type="hidden" name="id" value="${activity.id}"/>
                                    <#list activity.activityItems as item>
                                        <div class="row">
                                            <div class="col-md-2">
                                                <div class="radio">
                                                    <label>
                                                        <input type="radio" data-id='${item.id}' name="optionsRadios" value="${item.id}">
                                                        ${item.content}
                                                    </label>

                                                </div>
                                            </div>
                                        </div>
                                    </#list>
                                    <button type="submit" class="btn btn-primary btn-submit" >提交</button>
                                </form>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>
    </div>
    <#include "/common/footer.ftl">
</div>

<#--提交表单，跳转页面并统计-->
<script>
    $("#editForm").ajaxForm(function (data) {

        //拿到选项的id
        var ai_id = $("input[name=optionsRadios]").data('id');


        console.log(ai_id)
        console.log(ai_id)
        if (data.success) {
            Swal.fire({
                text: '确认保存',
                icon: 'success',
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '保存成功'
            }).then((result) => {
                window.location.href = '/activityItem/count?id='+${activity.id};
            })
        } else {
            Swal.fire(
                data.msg,
                '',
                'error'
            )
        }
    })
</script>
</body>
</html>
